<template>
  <div class="info_chunk">
    <a-form-item :label="formData.hideTitle ? '':`${formData.name || ' '}`" :colon="formData.name ? true: false" :required="formData.required" :extra="formData.extra">
      <a-textarea
        :value="formData.defaultValue"
        :placeholder="formData.placeholder"
        :disabled="formData.disabled"
        :allow-clear="formData.allowClear"
        :auto-size="autoSize"
        :rows="formData.minTextarea"
        style="pointer-events: none;"/>
    </a-form-item>
  </div>
</template>

<script>
export default {
  name: 'TextareaInfo',
  props: {
    formData: {
      type: Object,
      default: () => {}
    }
  },
  computed: {
    autoSize () {
      return { minRows: this.formData.minTextarea, maxRows: this.formData.maxTextarea }
    }
  }
}
</script>
<style scoped lang="less">

</style>
